<template>
	<view>
		<u-navbar class="custom-header" back-text="返回" title="库存盘点" height="44">
			<view slot="right"><u-button type="primary" size="mini" style="margin-right: 20rpx;" @click="handleSave">保存</u-button></view>
		</u-navbar>
		<view class="box">
			<view class="box1" @click="handleClick1">
				<u-image width="200rpx" height="200rpx" src="/static/aidex/images/bright.png"></u-image>
				<text class="text">明盘</text>
			</view>
			<view class="box2" @click="handleClick2">
				<u-image width="200rpx" height="200rpx" src="/static/aidex/images/dark.png"></u-image>
				<text class="text">盲盘</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		handleClick1() {
			console.log(111);
		},
		handleClick2() {
			console.log(222);
		}
	}
};
</script>

<style lang="scss">
.box {
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
	.box1 {
		width: 600rpx;
		height: 350rpx;
		border: 2rpx solid black;
		border-radius: 40rpx;
		margin-top: 180rpx;
		margin-bottom: 180rpx;
		display: flex;
		justify-items: center;
		align-items: center;
	}
	.box2 {
		width: 600rpx;
		height: 350rpx;
		border: 2rpx solid black;
		border-radius: 40rpx;
		display: flex;
		justify-items: center;
		align-items: center;
	}
	.text {
		font-weight: bold;
		font-size: 60rpx;
	}
}
</style>
